<script setup lang="ts">
import { computed, ref } from 'vue';

const money = ref(10000)

/* computed
1. computed 的泛型 指的是 返回数据的类型，建议不写泛型，跟vue3的写法一样即可
2. 如果使用了 get/set 钩子函数，要把两个函数都写上

*/

// 常见的写法
// const double = computed(
//     () => {
//         return money.value * 2
//     }
// )

const double = computed({
    get() { return money.value * 2 },
    set() { },
})

</script>

<template>
    <h1>Hello vue3 - {{ money }} - {{ double }}</h1>
</template>

<style scoped>
</style>